<template>
  <div class="box">
    <span>父辈给的数据:{{ car }}</span>
    <hr />
    <Child></Child>
  </div>
</template>

<script setup lang="ts">
import Child from "./Child.vue";

//vue3提供provide(提供)，inject（注入）可以实现隔辈传递数据
import { provide, ref } from "vue";

let car = ref("法拉利");

//祖先组件给后代组件提供数据
//两个参数:第一个参数就是提供的数据key,第二个祖先组件提供的数据
provide("TOKEN", car);
</script>

<style scoped>
.box {
  width: 100vw;
  height: 500px;
  background: skyblue;
}
</style>
